<%--
  User: Shengzhao Li
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head><title>账务统计 - 按收支</title></head>
<body>
<div id="account_statistics_payments_page" data-role="page" class="page">
    <div data-role="header" data-theme="f">
        <a href="${contextPath}/m/dashboard" data-icon="home" data-direction="reverse" data-transition="slide">主页</a>

        <h1>账务统计 - 按收支</h1>
        <a href="chart/payments" data-icon="grid" data-transition="slide">图表</a>
    </div>
    <div data-role="content">
        <ul data-role="listview" data-inset="true" data-count-theme="b" id="listview_payments">
            <li>
                <a href="show_details?type=INCOME&value=income" data-transition="slide">
                    <h3 class="red">${paymentsStatisticsDto.incomeKind.displayName}</h3>

                    <p>记录条数: ${paymentsStatisticsDto.income.usedTime}</p>
                    <span class="ui-li-count">${paymentsStatisticsDto.income.amount}</span>
                </a>
            </li>
            <li>
                <a href="show_details?type=EXPENDITURE&value=expenditure" data-transition="slide">
                    <h3>${paymentsStatisticsDto.expenditureKind.displayName}</h3>

                    <p>记录条数: ${paymentsStatisticsDto.expenditure.usedTime}</p>
                    <span class="ui-li-count">${paymentsStatisticsDto.expenditure.amount}</span>
                </a>
            </li>
        </ul>
    </div>
    <div data-role="footer" data-position="fixed" data-theme="c">
        <div data-role="navbar">
            <ul>
                <li>
                    <a href="javascript:void(0);" data-icon="arrow-l" data-rel="back">返回</a>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>